import { useTranslations } from 'next-intl';
import { Link } from '@/i18n/routing';
import BaseLayout from '@/components/BaseLayout';
import {
  Button,
  Space,
  Divider,
} from 'antd';
export default function ReportPage() {
  return (
    <BaseLayout>
      <div>
        <h1>report</h1>
        <Link href="/report/detail">To Report detail</Link>
        <br />
        <Space align='start'>
          <img
            style={{ width: 40, height: 40 }}
            src='https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg'
            alt='Ant Design'
          />
          <h2 style={{ marginBottom: 0 }}>
            Ant Design (Without Sub Components)
          </h2>
        </Space>
        <Divider style={{ marginBottom: 60 }}>Divider</Divider>

        <Button type='primary' block>
          <Link href="/report/detail">To Report detail</Link>
        </Button>
      </div>
    </BaseLayout>
  );
}